<template>
  <div class="flex items-center justify-between p-4 border-b">
    <h1 class="text-lg font-bold">Chat</h1>
    <button class="px-3 py-1 bg-blue-500 text-white rounded" @click="$emit('toggleSidebar')">
      Menu
    </button>
  </div>
</template>

<script setup>
// This component emits a "toggleSidebar" event to control the sidebar visibility on mobile.
</script>

<style scoped>
</style>
